<template>
	<view
		class="diy-imageSingle"
		:style="
			'padding-top: ' +
				itemData.style.paddingTop * 2 +
				'rpx;padding-bottom:' +
				itemData.style.paddingTop * 2 +
				'rpx; padding-left:' +
				itemData.style.paddingLeft * 2 +
				'rpx;padding-right:' +
				itemData.style.paddingLeft * 2 +
				'rpx;  background:' +
				itemData.style.background
		"
	>
		<view
			:style="{
				borderTopLeftRadius: itemData.style.topRadio * 2 + 'rpx',
				borderTopRightRadius: itemData.style.topRadio * 2 + 'rpx',
				borderBottomLeftRadius: itemData.style.bottomRadio * 2 + 'rpx',
				borderBottomRightRadius: itemData.style.bottomRadio * 2 + 'rpx'
			}"
			class="d-c-c o-h"
			v-for="(imageSingle, index) in itemData.data"
			:key="index"
			@click="gotoPages(imageSingle)"
		>
			<image :src="imageSingle.imgUrl" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: ['itemData'],
	methods: {
		/*跳转页面*/
		gotoPages(e) {
			this.gotoPage(e.linkUrl);
		}
	}
};
</script>

<style>
.diy-imageSingle image {
	width: 100%;
}
</style>
